import React from 'react'
import { useRecoilValue } from 'recoil'
import styles from './index.module.less'
import { context } from './_context'
import useHooks from './hooks'
import Filter from './components/Filter'
import WardManageTable from './components/WardManageTable'
import AddManageModal from './components/AddManageModal'

export default () => {
  const selfHooks = useHooks()
  return (
    <context.Provider value={selfHooks}>
      <div className='layout-main-conent'>
        <Filter />
        <WardManageTable />
        <AddManageModal />
      </div>
    </context.Provider>
  )
}
